<style>
    .contrast_modal-item{
        width: 100%;
    }
    .contrast_modal-item .col{
        border: 1px solid #e9e9e9;
        text-align: center;
        padding: 15px;
    }
    .contrast_modal-item>div>div{
        /*padding: 5px;*/
    }


</style>
<ion-modal-view title="产品对比">

    <!--<ion-header-bar>
        <div  ng-click="contrast.hide()" style="padding-left: 15px;">
            <i  style="display: block;width: 22px;height:22px;margin-top: 4px;background: url('./img/back.png') center/22px 22px"></i>
        </div>
        <h1 class="title title-center">产品对比</h1>
    </ion-header-bar>-->

    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back"  ng-click="contrast.hide()" style="color: #fff"></button>
        <div class="h1 title"> 产品对比</div>
    </ion-header-bar>

    <ion-content class="bg-fff" >
        <!--<ion-scroll zooming="true" direction="x,y">-->
            <div class=" contrast_modal-item ">
                <div class="row">
                    <div class="col col-13"></div>
                    <div class="col col-29" ng-repeat="item in  duibiData">{{item.name}}</div>
                </div>
                <div class="row">
                    <div class="col col-13">产品类型</div>
                    <div class="col col-29" ng-repeat="item in  duibiData">{{item.investOwner}}</div>
                </div>
                <div class="row">
                    <div class="col col-13">投资期限</div>
                    <div class="col col-29" ng-repeat="item in  duibiData">{{item.dueTime}}个月</div>
                </div>
                <div class="row">
                    <div class="col col-13">大小配比</div>
                    <div class="col col-29" ng-repeat="item in  duibiData">{{item.pSizeRatioExplain}}</div>
                </div>
                <div class="row">
                    <div class="col col-13">预期收益</div>
                    <div class="col col-29" ng-repeat="item in  duibiData">

                        <div ng-repeat="i in item.profitRebateList">{{i.amountDisplay}}&nbsp;{{i.expectAnnualRevenue}}</div>
                    </div>

                </div>


                <div class="row">
                    <div class="col col-13">返佣比例</div>
                    <div   class="col col-29" ng-repeat="item in  duibiData">
                        <span ng-if="userRole == 'DL'" >登录可见</span>
                        <span ng-if="userRole == 'RZ'" >认证可见</span>
                        <div ng-repeat="i in item.profitRebateList">
                            <span ng-if="userRole == 'ZC'">{{i.amountDisplay}}&nbsp;{{i.pIsAgreement === '1'?'协议价':i.rebate +'%'}}</span>
                        </div>
                    </div>

                </div>
                <div class="row">
                    <div class="col col-13">发行机构</div>
                    <div class="col col-29" ng-repeat="item in  duibiData">{{item.investOwner}}</div>
                </div>
                <div class="row">
                    <div class="col col-13">付息方式</div>
                    <div class="col col-29" ng-repeat="item in  duibiData">{{item.paymentInterestTypeDesc}}</div>
                </div>
                <div class="row">
                    <div class="col col-13">投资领域</div>
                    <div class="col col-29" ng-repeat="item in  duibiData">{{item.investDesc}}</div>
                </div>
                <div class="row">
                    <div class="col col-13">风险控制</div>
                    <div class="col col-29" ng-repeat="item in  duibiData">
                        <div ng-bind-html="item.fxkz?item.fxkz:'-'"></div>
                    </div>
                </div>


            </div>
      <!--  </ion-scroll>-->
    </ion-content>


</ion-modal-view>